<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/jpetstore.css" type="text/css">
</head>
<body>
<!--头部引用-->
<div th:replace="/common/IncludeTop::header"></div>
<!--大鸟-->
<div id="Main">
    <div id="Sidebar">
        <div id="SidebarContent">
            <a href="/catalog/viewCategory?categoryId=FISH" ><img src="/images/fish_icon.gif" /></a>
            <br/> Saltwater, Freshwater <br/>
            <a href="/catalog/viewCategory?categoryId=DOGS" ><img src="/images/dogs_icon.gif" /></a>
            <br /> Various Breeds <br />
            <a href="/catalog/viewCategory?categoryId=CATS" ><img src="/images/cats_icon.gif" /></a>
            <br /> Various Breeds, Exotic Varieties <br />
            <a href="/catalog/viewCategory?categoryId=REPTILES" ><img src="/images/reptiles_icon.gif" /></a>
            <br /> Lizards, Turtles, Snakes <br />
            <a href="/catalog/viewCategory?categoryId=BIRDS" ><img src="/images/birds_icon.gif" /></a>
            <br /> Exotic Varieties
        </div>
    </div>

    <div id="MainImageContent" style="display: inline-block">
        <map name="estoremap">
            <area alt="BIRDS" coords="72,2,280,250" href="/catalog/viewCategory?categoryId=BIRDS" shape="rect" onmouseover="showInform(alt);" onmouseout="hiddenInform(event)"/>
            <area alt="FISH"  coords="2,180,72,250" href="/catalog/viewCategory?categoryId=FISH" shape="rect" onmouseover="showInform(alt);" onmouseout="hiddenInform(event)"/>
            <area alt="DOGS"  coords="60,250,130,320" href="/catalog/viewCategory?categoryId=DOGS" shape="rect" onmouseover="showInform(alt);" onmouseout="hiddenInform(event)"/>
            <area alt="REPTILES" coords="140,270,210,340" href="/catalog/viewCategory?categoryId=REPTILES" shape="rect" onmouseover="showInform(alt);" onmouseout="hiddenInform(event)"/>
            <area alt="CATS"  coords="225,240,295,310" href="/catalog/viewCategory?categoryId=CATS" shape="rect" onmouseover="showInform(alt);" onmouseout="hiddenInform(event)"/>
            <area alt="BIRDS" coords="280,180,350,250" href="/catalog/viewCategory?categoryId=BIRDS" shape="rect" onmouseover="showInform(alt);" onmouseout="hiddenInform(event)"/>
        </map>
        <img height="355" src="/images/splash.gif" align="middle" usemap="#estoremap" width="350" />
    </div>
    <div id="inform" style="display: none"></div>
    <div id="Separator">&nbsp;</div>


</div>
<!--底部引用-->
<div th:replace="/common/IncludeBottom::footer"></div>


</body>
</html>